<link rel="stylesheet" type="text/css" href="/lib/zTree/zTreeStyle.css" />
<link rel="stylesheet" type="text/css" href="/admin/menus/css/menu.css" />
<script type="text/javascript" charset="utf-8" src="/lib/zTree/jquery.ztree.all.min.js"></script>
 <span class="span-title">菜单管理</span>
 <div class="vcontent content-height" style="padding:0px;">
 	<div class="area larea">
 		<div class="operate">
	 		 <span class="glyphicon glyphicon-plus icon-color icon-size" id="add"></span>
	         <span class="glyphicon glyphicon-trash icon-color icon-size" id="del" style="margin-left:15px;"></span>
         </div>
		 <ul id="menuTrees" class="ztree"></ul>
	</div>
	<div class="area rarea">
		<form class="form-horizontal">
		  <div class="form-group" style="display:none;">
		    <label for="inputEmail3" class="col-sm-2 control-label">标识</label>
		    <div class="col-sm-10">
		      <input type="text" class="form-control" id="inpID" readonly placeholder="英文标识" />
		    </div>
		  </div>
		  <div class="form-group">
		    <label for="inputPassword3" class="col-sm-2 control-label">名称</label>
		    <div class="col-sm-10">
		      <input type="text" class="form-control" id="inpName" placeholder="菜单名称" />
		    </div>
		  </div>
		   <div class="form-group">
		    <label for="inputPassword3" class="col-sm-2 control-label">索引</label>
		    <div class="col-sm-10">
		      <input type="number" class="form-control" id="inpIndex" placeholder="索引" />
		    </div>
		  </div>
		  <div class="form-group">
		    <label for="inputPassword3" class="col-sm-2 control-label">路径</label>
		    <div class="col-sm-10">
		      <input type="text" class="form-control" id="inpUrl" placeholder="菜单路径"/>
		    </div>
		  </div>
		   <div class="form-group">
		    <label for="inputPassword3" class="col-sm-2 control-label">备注</label>
		    <div class="col-sm-10">
		      <textarea class="form-control" id="inpRemark" placeholder="备注" style="height:120px;"></textarea>
		    </div>
		  </div>
		</form>
		 <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-10 marginl">
		        <button class="btn-common btn-ok" >保 存</button>
		    </div>
 			</div>
	</div>
</div>
<script type="text/javascript">
	require(['/admin/menus/js/f_menus.js'],function(menu){
		menu.init();
	});
</script>